window.onload = function () {
    /* 
        【1】判断url有没有id这个参数
            +   有参数：就获取参数 显示对应的内容
            +   没有参数：需要跳转到列表页，没有商品的id不知道要显示哪个商品
        【2】获取所需要的元素
        【3】获取参数 id的值
        【4】取出本地存储中的数据 拿到对应id的这条数据
            +   如果这id在本地存储中不存在的时候 就使用ajax请求 去数据库中获取数据
        【5】当把数据获取出来的时候 给相应的元素设置内容
        【6】当点击查看购物车--》跳转到购物车
        【7】当点击 加入购物车的时候 把该条商品加入购物车
            +   需要判断是否有登陆
                +   有登录直接调用加入购物车的接口
                +   如果没有登录，跳转到登录页面进行登录
                +   
    */

    // match() 不获取到字符串中满足条件的字符串
    // 返回值：是一个数组，索引为0 的就是满足条件的的整个字符串
    // 索引为1 的就是 正则中第一个圆括号中匹配到的字符
    //
    let res = location.search.match(/\?id=(\d+)/);
    if (!res) {
        location.href = "../page/list.html";
        return;
    }
    let id = res[1];
    let img = document.querySelector("#img");
    let title = document.querySelector("#title");
    let price = document.querySelector(".price span:nth-child(2)");
    let introduce = document.querySelector(".introduce");

    let data = JSON.parse(localStorage.getItem("dataList"));

    let details = data.filter((item) => {
        return item.goods_id == id;
    })[0];

    if (!details) {
        // 发送一个ajax请求
        let p = pAjax({
            url: "../api/getDetail.php",
            data: {
                id: id,
            },
        });
        p.then((res) => {
            res = JSON.parse(res);
            render(res.detail);
        });
    } else {
        render(details);
    }

    function render(data) {
        img.src = data.goods_big_logo;
        title.innerText = data.goods_name;
        price.innerText = data.goods_price;
        introduce.innerHTML = data.goods_introduce;
    }

    // 点击加入购物车功能
    // 判断是否有登录
    // 没有登录的时候
    // 登录 把用户名存在cookie
    // key:login 值：用户名
    let addCar = document.querySelector("#addCar");
    addCar.onclick = function (e) {
        e = e || window.event;
        e.returnValue = false;
        let login = getCookie("login");
        if (!login) {
            // 需要把当前这个页面存储 本地存储中
            localStorage.setItem('url', location.href);
            location.href = '../page/login.html';
            return
        }
        // 发送添加购物车的ajax请求
       let p =  pAjax({
            url: "../api/addCarData.php",
            type: "post",
            data: {
                username: login,
                goods_id: id,
            },
       });
        p.then(res => {
            res = JSON.parse(res);
            let r = res.code ? confirm('添加成功是否要到购物车查看') : alert('添加失败');
            location.href = r ? '../page/cart.html' : '';
        })
    };
};
